function  getUrlParms(name)  {    
    var  reg  =  new  RegExp("(^|&)"  +  name  +  "=([^&]*)(&|$)");    
    var  r  =  window.location.search.substr(1).match(reg);    
    if  (r  !=  null)  return  r[2]; 
    return  null;
}
var  nameOne  =  getUrlParms("couponid");

let  couponid  =  decodeURI(nameOne)
console.log(couponid)




function fn() {
    $.ajax({
        url: `http://chst.vip:1234/api/getcouponproduct?couponid=${couponid}`
    }).then(res => {
        console.log(res)


        let html = "";
        let html2 = ''
        let picIndex = 0;
        res.result.forEach(item => {
            html += `
            
            <a class="content" couponProductId=${item.couponProductId}>
                <div class="img">
                    ${item.couponProductImg}
                </div>
                <div class="info">
                    <div class="title">
                        <h4>${item.couponProductName}</h4>
                    </div>
                    <div class="other">
                        <h4 class="price">
                            ${item.couponProductPrice}
                        </h4>
                        <div>${item.couponProductTime}</div>
                    </div>
                </div>
            </a>
        `
            html2 += `<li>${item.couponProductImg}</li>`
        })
        content.innerHTML = html;
        $("#uu")[0].innerHTML = html2
            // console.log(res.result.length * $("#uu1>li").eq(0).width());
        $("#uu").css({ width: res.result.length * $("#uu>li").eq(0).width() })




        // 点击事件
        $('#content').find('a').click(function() {
            $('.carousel').css({ 'transform': 'translateY(0px)', 'transition': '.7s ease-in-out' });

            picIndex = this.getAttribute('couponProductId')
            $("#uu").stop().animate({ left: -picIndex * $("#uu>li").eq(0).width() }, 0)

        });
        $('.prev').click(function() {
            if (picIndex === 0) {
                alert("已经退到第一页了,前面没有了")
                return
            }
            picIndex--
            $("#uu").stop().animate({ left: -picIndex * $("#uu>li").eq(0).width() })
            console.log(122);
        })
        $('.next').click(function() {
            if (picIndex === res.result.length - 1) {
                alert("已经走到最后一页了,后面没有了")
                return
            }
            picIndex++
            $("#uu").stop().animate({ left: -picIndex * $("#uu>li").eq(0).width() })

        })


        //关闭点击事件
        $('.marskSm').find('i').click(function() {
            $('.carousel').css('transform', 'translateY(-100%)');
        })
    })


}
fn()